<template>
	<section>
		<div class="busines-in">
			<img src="../../../assets/index_banner.png" alt="" class="mb25rem">
			<div class="busines-in-text pl30rem pr30rem pb100rem mb20rem">
				<div v-html="rules.content"></div>
			</div>
			<router-link tag="button" to="businessIn/NowJoin" class="fixed pt20rem pb20rem circle-8 cxo-red align-center fs30rem white auto block mb30rem" style="width:92%" :class="{ bottom5: showApp }">
				立即入驻
			</router-link>				
		</div>
	</section>
</template>

<script>
	import { getRules } from "@/api/rules";
	export default{
		data()
		{
			return{
				rules   : [],
				showApp : window.sessionStorage.getItem('isapp')
			}
		},
		created()
		{
			getRules(7).then( res => {
				this.rules = res.data;
			})
		}
	}
</script>
<style lang="less">
	.busines-in{
		img{
			width: 100%;
			height: 300/28rem;
			object-fit:cover;
			display: block;
		}
		.busines-in-text{
			p{
				font-size: 28/28rem;
				color: #666;
				line-height:180%;
			}
		}
		.bottom5{
			bottom:5rem;
		}
	}
</style>

